<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Irelia</title>
    <style>
        body {
            background-color: black;
        }
        body h1 {
            color:rgb(236, 218, 252);
        }
        .HW1 {
            background-image: url("HW1.jpeg");
            background-attachment: fixed;
           background-position: center center;
           background-size:100%;
           background-repeat: no-repeat;
           width: 1920px;
           height: 1200px;
           overflow:hidden;
           color:rgb(231, 207, 253);;
           font-size: xx-large;
        }

       
        h1 {
            text-align: center;
        }
        p {
            color: blueviolet;
        }
        hr {
            color:rgb(190, 119, 161);
        }
        .HW2 {
            background-image: url("HW2.jpeg");
            background-attachment: fixed;
           background-position: center center;
           background-size:100%;
           background-repeat: no-repeat;
           width: 1920px;
           height: 1078px;
        }
        .HW3 {
            background-image: url("HW5.jpeg");
            background-attachment: fixed;
           background-position: center center;
           background-size:100%;
           background-repeat: no-repeat;
           width: 1920px;
           height: 1200px;
        }
        .HW4 {
            background-image: url("HW6.jpeg");
            background-attachment: fixed;
           background-position: center center;
           background-size:100%;
           background-repeat: no-repeat;
           width: 1920px;
           height: 1200px;
        }
        .HW5 {
            background-image: url("HW7.jpeg");
            background-attachment: fixed;
           background-position: center center;
           background-size:100%;
           background-repeat: no-repeat;
           width: 1920px;
           height: 1200px;
        }
        td {
            color:rgb(247, 174, 216);
            font-weight: bold;
            font-style: italic;
            font-size: large;
        }
        h4 {
            color:burlywood;
            font-weight: bold;
            font-size: large;
        }
        li a {
            text-decoration: none;
            color:rgb(132, 118, 151);
            font-size: large;
        }
        a:hover {
           color:rgb(151, 222, 255);
        }
        .nav div a {
          color:rgb(82, 47, 180);
          font-size: xx-large;
          text-decoration: none;
          
        }
        .nav div {
            display:inline;
            margin:170px;
        }
        .nav div a:hover {
            color:rgb(213, 173, 250);
        }
        .HW11 {
            height: 1200px;
            width:570px;
                margin:0px 1350px 0px 0px;
                background: rgba(0,0,0,0.5);
                overflow:hidden;
        }
        
       .HW111{
           height: 25px;
           width:180px;
           margin-left:100px;
       }
       .nav2 {
           float:left;
           margin:80px;
       }
       .nav2 strong {
           color:burlywood;
           font-size: large;
       }
    </style>
</head>
<body>
    <div class="HW1"> 
        <div class="HW11">
            <h1 style="color: white; text-align: center;">刀锋舞者</h1>
           <h1 style="color: white; text-align: center;">艾瑞莉娅</h1>
           <h1 style="color: white;">Irelia</h1>
           <br>
           物理攻击    <img class="HW111" src="physical harm.jpeg"> <br>
           魔法攻击    <img class="HW111" src="magic harm.jpeg" > <br>
           防御能力    <img class="HW111" src="resist harm.jpeg"> <br>
           上手难度    <img class="HW111" src="difficulty.jpeg"> <br>
      
        </div>

    </div>
   
    <h1>刀锋舞者·艾瑞莉娅</h1>

    <p>
        时而似平静的海面，时而似汹涌的风暴。艾瑞莉娅是艾欧尼亚勇猛的捍卫者，她接受过祖辈传承的舞蹈训练，并将舞艺化为战斗的技法。伴随着她优雅的动作，锋利的刀刃在空中组成夺命的阵列翩翩起舞，这位刀锋舞者将斩除任何想要扮演征服者的蠢货 。<br>
艾瑞莉娅是一个非常强的团战型英雄，可以担当战士，刺客和坦克多种身份。取得优势艾瑞莉娅可以输出成吨的伤害，而且魔法和物理的混合伤害也让对面英雄非常难处理 。
    </p>
    <br>
    <div class="nav">
<div display:inline-block;><a href="#skill"> 技能展示</a></div>
<div display:inline-block;><a href="#background">背景简介</a></div>
<div display:inline-block;><a href="#使用技巧">使用技巧</a></div>
    </div>
<div class="HW2">
</div>
<h1 id="background" style="color: rgb(255, 255, 188);">Background</h1>
<p style="color: burlywood;">
    诺克萨斯对艾欧尼亚的占领催生了许多英雄，但没有谁像纳沃利的艾瑞莉娅一般令人意外。  她将家乡的古老舞艺化为战技，以精心修习的优雅身姿操控着致命的刀丛。在她证明了自己的战斗实力后，被众人推举为反抗军的领袖和首脑，为了守卫家园而奋斗至今。
</p>
<h1 style="color: burlywood;">“我的起舞曾经只为自己。现在，我将这翩然献给初生之土。”——艾瑞莉娅</h1>
<div  class="HW3">  
</div>
<table>
    <tr>
        <td id="skill"><img src="被动.jpeg"></td>
        <td>艾欧尼亚热诚</td> 
        <td>被动</td>
        <td style="color: rgb(233, 92, 120); font-size: medium;">用技能命中敌人将会为艾瑞莉娅叠加艾欧尼亚热诚效果，持续6秒。每层效果会为她的普通攻击增加额外8/12/16% (40/60/80% 在1/7/13级时)攻击速度。在叠加到最大层数5层时，艾瑞莉娅的普通攻击还将造成额外的15-66(根据英雄等级)(+0.25额外AD)魔法伤害。</td>
    </tr>
    <tr>
        <td><img src="Q.jpeg" ></td>
        <td>利刃冲击</td>
        <td>Q</td>
        <td style="color: rgb(233, 92, 120); font-size: medium;">艾瑞莉娅冲向目标，造成55/75/95/115/135物理伤害，附带命中特效并回复相当于0.12/0.14/0.16/0.18/0.2AD的生命值。
            如果目标被标记，或者被利刃冲击杀死，则刷新冷却时间。</td>
    </tr>
    <tr>
        <td><img src="W.jpeg" ></td>
        <td>距破之舞</td>
        <td>W</td>
        <td style="color: rgb(233, 92, 120); font-size: medium;">第一次施放：艾瑞莉娅为刀锋蓄力，过程中无法移动或攻击，但短时间内获得50(+10%每100AP)%物理伤害减免。这一引导过程无法被打断。
            第二次施放：艾瑞莉娅甩出刀锋，对敌人造成至少10/25/40/55/70(+0.5AD)(+0.4AP)伤害。艾瑞莉娅蓄力的时间每增加0.075秒伤害便提高10%，最高提升100%(0.75秒)。</td>
    </tr>
    <tr>
        <td><img src="E.jpeg" ></td>
        <td>比翼双刃</td>
        <td>E</td>
        <td style="color: rgb(233, 92, 120); font-size: medium;">艾瑞莉娅将一片刀锋投向一个地点，随后再次施放比翼双刀，将第二片刀锋投向另一个地点。两片刀锋将互相飞向彼此的位置，交错过程中对敌人造成80/125/170/215/260(+0.8AP)魔法伤害并使其晕眩0.75秒。比翼双刀也将对英雄和大型野怪进行标记，持续5秒。</td>   
    </tr>
    <tr>
        <td><img src="R.jpeg" ></td>
        <td>先锋之刃 </td>
        <td>R</td>
        <td style="color: rgb(233, 92, 120); font-size: medium;">艾瑞莉娅沿直线方向释放全部刀锋之力。如果先锋之刃命中敌方英雄，则会向外圈散射，对敌方英雄和大型野怪造成125/250/375(+0.7AP)魔法伤害并标记5秒，同时在2.5秒内形成一道刀锋铁幕。穿过铁幕的敌人将受到125/250/375(+0.7AP)魔法伤害和90%减速效果。</td>
    </tr>
</table>
<div class="HW4">
</div>
<h2 id="使用技巧" style="color: rgb(211, 183, 23); text-align: center;">当你使用刀锋舞者时 </h2>
<p style="color:rgb(27, 166, 201);
font-size: large;">
- 在你前往目标英雄的途中，先用【利刃冲击】攻击低生命的小兵，再用【利刃冲击】攻击目标英雄，便可瞬间移动很远的距离。 <br>
- 【距破之舞】不可被控制效果打断，可尝试用它来免除即将到来的控制效果。 <br>
- 【比翼双刃】没有最大飞行距离，可尝试以创造性的方式来使用它。
</p>
<div class="HW5"> </div>
<h1 style="text-align: center; font-style: italic; font-weight: bold; color: rgb(212, 157, 84);">More About Irelia</h1>  
<div class="nav2">
    <strong>皮肤</strong>
    <ul>
        <li><a href="#">夜刃</a></li>
        <li><a href="#">凌云之宵</a></li>
        <li><a href="#">夜行义贼</a></li>
        <li><a href="#">more</a></li>
    </ul>
</div> 
<div class="nav2" >
    <strong>技能连招</strong>
    <ul>
         <li><a href="#">利刃三连冲</a></li>
         <li><a href="#">最速连招</a></li>
         <li><a href="#">more</a></li>
   </ul>
</div>
<div class="nav2">
    <strong>团战技巧</strong>
    <ul>
    <li><a href="#">站位</a></li>
    <li><a href="#">切入时机</a></li>
    <li><a href="#">团战连招</a></li>
    <li><a href="#">more</a></li>
    </ul>
    
</div>
<div class="nav2">
    <strong>关于更多</strong>
    <ul>
    <li><a href="#">了解更多</a></li>
    <li><a href="#">腾讯游戏</a></li>
    <li><a href="#">皮肤购买</a></li>
    <li><a href="#">more</a></li>
    </ul>
    
</div>
<div class="nav2">
    <strong>关于游戏</strong>
    <ul>
    <li><a href="#">游戏下载</a></li>
    <li><a href="#">游戏内测</a></li>
    <li><a href="#">关于lol</a></li>
    <li><a href="#">more</a></li>
    </ul>
</div>
<h3 style="color:wheat;float:right;">---made by Levi (all the resources are from lol.com)</h3>
</body>
</html>